<template>
      <button @click="shows">通用按钮</button>
</template>

<script>
export default {
  methods:{
    shows(){
      alert("想Shio")
    }
  }
}
</script>

<!--添加scoped属性可以限制CSS样式只对当前组件生效  Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  button{
    height: 2em;
    width: 5em;
    margin-left: 10px;
    background-color: rgb(49,158,84);
    border-radius: 5px;
    border: 0px;
    color: white;
    cursor: pointer;
  }
</style>
